@import './reset';  
body{
	background: #F5F8FA;
}
.container{
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding-bottom: calculateRem(50px);
	.top-info{
		width: 100%;
		/*height: calculateRem(173px);*/
		height: auto;
		background: white;
		text-align: center;
		overflow: hidden;
		border-bottom: 1px solid #bddef5;
		>img{
			width: calculateRem(50px);
			height: calculateRem(50px);
			margin-top: calculateRem(32px);
		}
		>h2{
			margin-top: calculateRem(20px);
			font-size: calculateRem(19px);
			color: #000F19;
			font-weight: bold;
			margin-bottom: calculateRem(40px);
		}
		h3{
			font-size: calculateRem(20px);
			color: #F21612;
			font-weight: bold;
			margin-bottom: calculateRem(8px);
			margin-top: calculateRem(18px);
		}
		>h4{
			font-size: calculateRem(18px);
			color: #666;
			font-weight: bold;
			margin-bottom: calculateRem(6px);
			margin-top: calculateRem(2px);
			>i{
				font-size: normal;
				color: #E62622;
			}

		}
		>p{
			font-size: calculateRem(16px);
			color: #666666;
			line-height: calculateRem(28px);
			margin-bottom: (19px);
			margin-top: 0;
			width: 80%;
			margin-left: 10%;
			@include break;
		}
	}
	.no-title{
		>img{
			width: calculateRem(72px);
			height: calculateRem(72px);
		}
		>p{
			margin-top: calculateRem(18px);
		}
	}

	.lists-wrap{
		width: 100%;
		height: auto;
		background: white;
		padding: 0 calculateRem(16px);
		margin-top: calculateRem(10px);
		box-sizing: border-box;
		.list-bar{
			width: 100%;
			height: calculateRem(40px);
			box-sizing: border-box;
			border-bottom: 1px solid #F5F8FA;
			line-height: calculateRem(40px);
			.l-bar-l{
				width: 26%;
				float: left;
				height: calculateRem(40px);
				font-size: calculateRem(15px);
				color: #4A5359;
			}
			.l-bar-r{
				width: 74%;
				float: right;
				text-align: right;
				height: calculateRem(40px);
				font-size: calculateRem(16px);
				color: #000F19;
				@include ell;

			}
		}
		.auto{
			height: auto;
			min-height: calculateRem(40px);
			&:after{
				display: block;
				content: '';
				clear: both;
			}
			.l-bar-l{
				float: left;
			}
			.l-bar-r{
				height: auto;
				min-height: calculateRem(40px);
				float: right;
				.line1{
					font-size: calculateRem(16px);
					line-height: calculateRem(20px);
					margin-top: calculateRem(8px);
				}
				.line2{
					color: #E62622;
					line-height: calculateRem(20px);
					margin-bottom: calculateRem(8px);
				}
			}
		}
	}
}

.footer{
	width: 100%;
	height: calculateRem(60px);
	padding: 0 calculateRem(10px);
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	.backMarket,.resign{
		display: block;
		width: 100%;
		height: calculateRem(50px);
		background: #E62622;
		border-radius: calculateRem(5px);
		color: white;
		font-size: calculateRem(20px);
		text-align: center;
		line-height: calculateRem(50px);
		
		&:active{
			background: #C51B0D;
		}

	}
}
.footer-2{
	width: 100%;
	height: calculateRem(60px);
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 0;
	right: 0;
	background: #F5F8FA;
	.btns-wrap{
		position: absolute;
		height: calculateRem(50px);
		left: calculateRem(10px);
		right: calculateRem(10px);
		bottom: calculateRem(5px);
		>a{
			display: block;
			height: calculateRem(50px);
			font-size: calculateRem(20px);
			color: #FFFFFF;
			text-align: center;
			line-height: calculateRem(50px);
			outline: none;
			border-radius: calculateRem(5px);
			font-weight: bold;
		}
		.outdeal{
			background: #D8E5F5;
			width: 35%;
			color: #666;
			float: left;
			&:active{
				background: #e4ebf3;
			}
		}
		.buy{
			background: #E62622;
			width: 63%;
			float: right;
			color: white;
			&:active{
				background: #C51B0D;
			}
		}
		.resign{
			height: calculateRem(50px);
			border-radius: calculateRem(5px);
			color: white;
			font-size: calculateRem(20px);
			background: #E62622;
			font-weight: bold;
			&:active{
				background: #C51B0D;
			}
		}
	}
}